<template>
	<view>
		<cu-custom bgColor="bg-gradual-blue">
			<block slot="content">个人技能</block>
		</cu-custom>
		<scroll-view scroll-y class="page">

			<view class="margin bg-white  shadow-lg shadow-warp shadow-blur" style="border-radius: 4px;">
				<view class="solid-bottom">
					<view class="cu-bar">
						<view class="action sub-title">
							<text class="text-xl text-bold text-blue">开发语言</text>
							<text class="text-ABC text-blue">Language</text>
						</view>
					</view>
					<view class="flex flex-wrap justify-between">
						<view class="padding-xs">
							<view class="radius cu-tag light bg-blue">JAVA</view>
							<view class="radius cu-tag light bg-blue">Python</view>
							<view class="radius cu-tag light bg-blue">C</view>
							<view class="radius cu-tag light bg-blue">C++</view>
							<view class="radius cu-tag light bg-blue">PHP</view>
							<view class="radius cu-tag light bg-blue">Go</view>
							<view class="radius cu-tag light bg-blue">Kotlin</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">Go</view>
							<view class="radius cu-tag light bg-blue">Kotlin</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
						</view>
					</view>
				</view>
				<view class="padding-sm">
					<view class="cu-progress round sm striped active">
						<view class="bg-green" style="width:95%"></view>
					</view>
				</view>
			</view>



			<view class="margin bg-white  shadow-lg shadow-warp shadow-blur" style="border-radius: 4px;">
				<view class="solid-bottom">
					<view class="cu-bar">
						<view class="action sub-title">
							<text class="text-xl text-bold text-blue">开发语言</text>
							<text class="text-ABC text-blue">Language</text>
						</view>
					</view>
					<view class="flex flex-wrap justify-between">
						<view class="padding-xs">
							<view class="radius cu-tag light bg-blue">JAVA</view>
							<view class="radius cu-tag light bg-blue">Python</view>
							<view class="radius cu-tag light bg-blue">C</view>
							<view class="radius cu-tag light bg-blue">C++</view>
							<view class="radius cu-tag light bg-blue">PHP</view>
							<view class="radius cu-tag light bg-blue">Go</view>
							<view class="radius cu-tag light bg-blue">Kotlin</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">Go</view>
							<view class="radius cu-tag light bg-blue">Kotlin</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
						</view>
					</view>
				</view>
				<view class="padding-sm">
					<view class="cu-progress round sm striped active">
						<view class="bg-green" style="width:95%"></view>
					</view>
				</view>
			</view>


			<view class="margin bg-white  shadow-lg shadow-warp shadow-blur" style="border-radius: 4px;">
				<view class="solid-bottom">
					<view class="cu-bar">
						<view class="action sub-title">
							<text class="text-xl text-bold text-blue">开发语言</text>
							<text class="text-ABC text-blue">Language</text>
						</view>
					</view>
					<view class="flex flex-wrap justify-between">
						<view class="padding-xs">
							<view class="radius cu-tag light bg-blue">JAVA</view>
							<view class="radius cu-tag light bg-blue">Python</view>
							<view class="radius cu-tag light bg-blue">C</view>
							<view class="radius cu-tag light bg-blue">C++</view>
							<view class="radius cu-tag light bg-blue">PHP</view>
							<view class="radius cu-tag light bg-blue">Go</view>
							<view class="radius cu-tag light bg-blue">Kotlin</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">Go</view>
							<view class="radius cu-tag light bg-blue">Kotlin</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
						</view>
					</view>
				</view>

				<view class="padding-sm">
					<view class="cu-progress round sm striped active">
						<view class="bg-green" style="width:95%"></view>
					</view>
				</view>
			</view>

			<view class="margin bg-white  shadow-lg shadow-warp shadow-blur" style="border-radius: 4px;">
				<view class="solid-bottom">
					<view class="cu-bar">
						<view class="action sub-title">
							<text class="text-xl text-bold text-blue">开发语言</text>
							<text class="text-ABC text-blue">Language</text>
						</view>
					</view>
					<view class="flex flex-wrap justify-between">
						<view class="padding-xs">
							<view class="radius cu-tag light bg-blue">JAVA</view>
							<view class="radius cu-tag light bg-blue">Python</view>
							<view class="radius cu-tag light bg-blue">C</view>
							<view class="radius cu-tag light bg-blue">C++</view>
							<view class="radius cu-tag light bg-blue">PHP</view>
							<view class="radius cu-tag light bg-blue">Go</view>
							<view class="radius cu-tag light bg-blue">Kotlin</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">Go</view>
							<view class="radius cu-tag light bg-blue">Kotlin</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
						</view>
					</view>
				</view>
				<view class="padding-sm">
					<view class="cu-progress round sm striped active">
						<view class="bg-green" style="width:95%"></view>
					</view>
				</view>
			</view>

			<view class="margin bg-white  shadow-lg shadow-warp shadow-blur" style="border-radius: 4px;">
				<view class="solid-bottom">
					<view class="cu-bar">
						<view class="action sub-title">
							<text class="text-xl text-bold text-blue">开发语言</text>
							<text class="text-ABC text-blue">Language</text>
						</view>
					</view>
					<view class="flex flex-wrap justify-between">
						<view class="padding-xs">
							<view class="radius cu-tag light bg-blue">JAVA</view>
							<view class="radius cu-tag light bg-blue">Python</view>
							<view class="radius cu-tag light bg-blue">C</view>
							<view class="radius cu-tag light bg-blue">C++</view>
							<view class="radius cu-tag light bg-blue">PHP</view>
							<view class="radius cu-tag light bg-blue">Go</view>
							<view class="radius cu-tag light bg-blue">Kotlin</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">Go</view>
							<view class="radius cu-tag light bg-blue">Kotlin</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
						</view>
					</view>
				</view>

				<view class="padding-sm">
					<view class="cu-progress round sm striped active">
						<view class="bg-green" style="width:95%"></view>
					</view>
				</view>
			</view>


			<view class="margin bg-white  shadow-lg shadow-warp shadow-blur" style="border-radius: 4px;">
				<view class="solid-bottom">
					<view class="cu-bar">
						<view class="action sub-title">
							<text class="text-xl text-bold text-blue">开发语言</text>
							<text class="text-ABC text-blue">Language</text>
						</view>
					</view>
					<view class="flex flex-wrap justify-between">
						<view class="padding-xs">
							<view class="radius cu-tag light bg-blue">JAVA</view>
							<view class="radius cu-tag light bg-blue">Python</view>
							<view class="radius cu-tag light bg-blue">C</view>
							<view class="radius cu-tag light bg-blue">C++</view>
							<view class="radius cu-tag light bg-blue">PHP</view>
							<view class="radius cu-tag light bg-blue">Go</view>
							<view class="radius cu-tag light bg-blue">Kotlin</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">Go</view>
							<view class="radius cu-tag light bg-blue">Kotlin</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
							<view class="radius cu-tag light bg-blue">MySQL</view>
						</view>
					</view>
				</view>

				<view class="padding-sm">
					<view class="cu-progress round sm striped active">
						<view class="bg-green" style="width:95%"></view>
					</view>
				</view>
			</view>


			<view class="cu-tabbar-height"></view>
		</scroll-view>


	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.page {
		height: 100vh;
	}

	.cu-tag {
		padding: 2px 2px;
		margin: 4px 4px;
	}
</style>
